<!DOCTYPE html>
<html>

<head>
    <!-- meta标签设置-->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>WorkflowCenter</title>
    <link rel="stylesheet" href="../../plugin/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../css/common/Common.css" />
    <link rel="stylesheet" href="../../css/WorkflowCenter.css" />
    <style>
        .TabControl_first {
            margin-top: 20px;
            width: 100%;
            overflow: hidden
        }

        .TabControl_sencond {
            margin-bottom: 20px;
        }

        .TabControl_first .left {
            float: left;
        }

        .TabControl_first .right {
            float: right
        }

        .btn-light {
            color: #000;
            border-color: #808080
        }

        .table .thead {
            color: #000;
            background-color: #dee2e6;
        }

        .table td,
        .table th {
            padding: 0;
            vertical-align: middle;
            border-top: none;
            text-align: center;
        }

        .table thead th {
            vertical-align: middle;
        }

        hr {
            border-width: 2px;
        }
    </style>
</head>

<body>
    <div class="TabControl_first">
        <div class="left">
            <button type="button" class="btn btn-light" id="newData">新建</button>
            <button type="button" class="btn btn-light">批量上传试验计划</button>
            <button type="button" class="btn btn-light">查询共享申请</button>
            <button type="button" class="btn btn-light">权限申请</button>
            <button type="button" class="btn btn-light">BI查看</button>
        </div>
        <div class="right">
            <select class="form-control" id="exampleFormControlSelect1">
                <option>中文</option>
                <option>英文</option>
            </select>
        </div>
    </div>
    <hr />
    <div class="TabControl_sencond">
        <button type="button" class="btn btn-light">导出表格数据</button>
        <button type="button" class="btn btn-link"><a href="#">下载试验模板</a></button>
    </div>
    <table class="table table-bordered table-hover">
        <thead class="thead">
            <tr>
                <th>试验计划编号</th>
                <th>BU/JV(filter)</th>
                <th>项目名称(filter)</th>
                <th>项目开发的发动机排量(filter)</th>
                <th>升数(filter)</th>
                <th>应用(filter)</th>
                <th>Rating(filter)</th>
                <th>最大扭矩(filter)</th>
                <th>试验名称(filter)</th>
                <th>试验计划起始时间(filter)</th>
                <th>试验计划完成时间(filter)</th>
                <th>试验时长duration</th>
                <th>试验状态(filter)</th>
                <th>共享状态(filter)</th>
                <th>试验联系人(filter)</th>
                <th>最后一次更新时间(filter)</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>P048.2022.00465</td>
                <td>BFC</td>
                <td>项目名+项目号</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>发动机试验</td>
                <td>2022/1/17</td>
                <td>2022/1/20</td>
                <td>2022/1/20</td>
                <td>not start</td>
                <td>未共享</td>
                <td>Zewei Luo(ok580)</td>
                <td>2022/1/20</td>
                <td><a href="#">查看详情</a> | <a href="#">编辑</a> | <a href="#">申请共享</a> </td>
            </tr>
            <tr>
                <td>P048.2022.00465</td>
                <td>BFC</td>
                <td>项目名+项目号</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>发动机试验</td>
                <td>2022/1/17</td>
                <td>2022/1/20</td>
                <td>2022/1/20</td>
                <td>in process</td>
                <td>共享审批中</td>
                <td>chuanyun He (ok582)</td>
                <td>2022/1/20</td>
                <td><a href="#">查看详情</a> | <a href="#">编辑</a> | <a href="#">申请共享</a> </td>
            </tr>
            <tr>
                <td>P048.2022.00465</td>
                <td>BFC</td>
                <td>项目名+项目号</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>发动机试验</td>
                <td>2022/1/17</td>
                <td>2022/1/20</td>
                <td>2022/1/20</td>
                <td>Completed</td>
                <td>共享已同意</td>
                <td>chuanyun He (ok582)</td>
                <td>2022/1/20</td>
                <td><a href="#">查看详情</a> | <a href="#">申请共享</a> </td>
            </tr>
            <tr>
                <td>P048.2022.00465</td>
                <td>BFC</td>
                <td>项目名+项目号</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>发动机试验</td>
                <td>2022/1/17</td>
                <td>2022/1/20</td>
                <td>2022/1/20</td>
                <td>cancle</td>
                <td>共享已拒绝</td>
                <td>chuanyun He (ok582)</td>
                <td>2022/1/20</td>
                <td><a href="#">查看详情</a> | <a href="#">申请共享</a> </td>
            </tr>
            <tr>
                <td>P048.2022.00465</td>
                <td>BFC</td>
                <td>项目名+项目号</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>发动机试验</td>
                <td>2022/1/17</td>
                <td>2022/1/20</td>
                <td>2022/1/20</td>
                <td>not start</td>
                <td>未共享</td>
                <td>chuanyun He (ok582)</td>
                <td>2022/1/20</td>
                <td><a href="#">查看详情</a> | <a href="#">申请共享</a> </td>
            </tr>
            <tr>
                <td>P048.2022.00465</td>
                <td>BFC</td>
                <td>项目名+项目号</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>F3.8</td>
                <td>发动机试验</td>
                <td>2022/1/17</td>
                <td>2022/1/20</td>
                <td>2022/1/20</td>
                <td>in process</td>
                <td>未共享</td>
                <td>chuanyun He (ok582)</td>
                <td>2022/1/20</td>
                <td><a href="#">查看详情</a> | <a href="#">编辑</a> | <a href="#">申请共享</a> </td>
            </tr>
        </tbody>
    </table>
    <nav aria-label="Page navigation example">
        <ul class="pagination">
            <li class="page-item">
                <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li class="page-item active"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item">
                <a class="page-link" href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>
</body>
<script src="../../plugin/jquery/jquery-3.3.1.min.js"></script>
<script src="../../plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="../../plugin/i18next/i18next.min.js"></script>
<script src="../../js/common/Common.js"></script>
<script src="../../js/WorkflowCenter.js"></script>
<script type="text/javascript">
    $('#newData').click(() => {
        $.ajax({
            "type": 'GET',
            "url": '/api/Pinduoduo/GetNewTestPlanUrl',
            "dataType": "json",
            "cache": false,
            "success": function (result) {
                // console.log(result);
                window.open(result.Result);
            },
            "error": function (error) {
                console.log(error)
            }
        });
    })
</script>

</html>